<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>我的OKR</title>
<meta name="viewport"
	content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" href="../css/mui.css">
<link rel="stylesheet" type="text/css" href="../css/app.css" />
<link rel="stylesheet" href="../css/icons-extra.css">
<link rel="stylesheet" type="text/css" href="../css/public2.css" />
<link rel="stylesheet" href="../css/iconfont.css" />
</head>

<body>

	<div style="display: none;">
		<img src="logo.jpg">
	</div>


<div id="search" class="mui-popover">
	<!-- 查询弹出层 -->
	<form class="mui-input-group" id="findpage"
		style="padding-left: 20px; padding-right: 20px; padding-top: 30px; padding-bottom: 10px;">
		<div class="mui-input-row">
			<span style="width: 27%">年度：</span> 
			<select style="width: 23%" id="year1">
				<option value="请选择">请选择</option>
				<option value="2014">2014</option>
				<option value="2015">2015</option>
				<option value="2016">2016</option>
				<option value="2017">2017</option>
			</select> 
			<span style="width: 27%">季度：</span> 
			<select style="width: 23%" id="quarter1">
				<option value="0">请选择</option>
				<option value="1">一季度</option>
				<option value="2">二季度</option>
				<option value="3">三季度</option>
				<option value="4">四季度</option>
			</select>
		</div>
		<div class="mui-input-row">
			<span style="width: 27%">月度：</span> 
			<select style="width: 23%">
				<option value="0">请选择</option>
				<option value="1">1月</option>
				<option value="2">2月</option>
				<option value="3">3月</option>
				<option value="4">4月</option>
				<option value="5">5月</option>
				<option value="6">6月</option>
				<option value="7">7月</option>
				<option value="8">8月</option>
				<option value="9">9月</option>
				<option value="10">10月</option>
				<option value="11">11月</option>
				<option value="12">12月</option>
			</select> 
			<span style="width: 27%">状态：</span> 
			<select style="width: 23%;">
				<option value="0">请选择</option>
				<option value="S0">草稿</option>
				<option value="S1">已提报</option>
				<option value="S2">审核通过</option>
				<option value="S3">发布</option>
				<option value="S4">申请结束</option>
				<option value="S5">结束</option>
			</select>
		</div>
		<div class="mui-input-row">
			<label style="width: 36%;">O的定义：</label> <input type="text"
				style="width: 57.5%; border: solid thin #eee;"
				class="mui-input-clear" placeholder="">
		</div>
		<div class="mui-button-row">
			<button type="button" class="mui-btn mui-btn-primary"
				onclick="location='index.html'">查询</button>
		</div>
	</form>
</div>
<!--查询弹出层-->


	<!--组织列表弹出层-->
	<div id="orglayer" class="">

		<div style="position: relative; left: 100%; width: 20%">
			<img id="closebtn" style="margin-top: 2%; box-shadow: 0 0 20px #ccc;"
				src="../img/x.png">
		</div>

		<div class="menuTree">
			<div>
				<span>中软国际</span>
			</div>
		</div>

		<div id="" class=""
			style="overflow: scroll; position: relative; height: 100%;">
			<div class="mui-scroll" style="margin-bottom: 15%;">
				<div id="menuTree" class="menuTree"></div>
			</div>
		</div>
	</div>

	<!--组织列表弹出层-->




	<header class="mui-bar mui-bar-nav">
		<a id="orgbtn" class="mui-icon mui-icon-contact mui-pull-left"
			style="line-height: 26px; font-size: 20px; color: #007aff;"><span
			style="font-size: 17px; color: #007aff;">组织</span></a>
		<h1 class="mui-title">我的OKR列表</h1>
		<a href="#search" class="mui-icon mui-icon-search mui-pull-right"
			style="line-height: 26px; font-size: 20px; color: #007aff;"><span
			style="font-size: 17px; color: #007aff;">查询</span></a>
	</header>
	<div class="mui-content">
		<div class="mui-card" style="">
			<div class="noba">
				<div class="mui-card-header"
					style="border-tottom: none; padding-bottom: 0px;">
					<span style="float: left;"> <span class="bold">孙小梅</span>
						&nbsp;&nbsp;&nbsp; <font color="#666666">2016年</font>
					</span> <span> <a href="#pop2"
						class="mui-btn mui-btn-primary index-btn-mod"> <span
							class="index-func mui-icon mui-icon-gear cfff"></span>
					</a>
					</span>
				</div>
				<div class="mui-card-footer"
					style="border-bottom: solid thin #ddd; border-top: solid thin #fff; padding-top: 0px; padding-bottom: 2px;">
					<span style="float: left; color: #6d6d72;">所属部门：JF-OPS</span> <span>职务：运营经理</span>
				</div>
			</div>
			<div class="mui-card-content">
				<div class="mui-card-header">
					<span style="font-weight: bold;">O1</span> <span
						style="float: right; font-size: 14px; color: #666;"> <span
						class="index-dlink">OKR详情</span>
					</span>
				</div>
				<a href="krview.html">
					<div class="mui-card-content-inner">
						<p class="index-o-de" style="margin-bottom: 0;">
							<span style="color: #007aff">定义：</span>提高用户满意度,对驻场团队和企业进行回访，对接相关需求，收集相关反馈，对反馈来的信息进行集中处理，进行汇报总结。对总结来的内容逐条进行信息梳理，寻找其中共同的部分，进行提取和思考，寻找解决方案
						</p>
					</div>
				</a>
			</div>

			<div class="mui-card-footer">
				<span class="index-status">状态： <span class="index-shenhe">已审核</span>
				</span> <a href="pingfeno.html"><span>评分：<font color="#46F332">0.9</font></span></a>
			</div>

			<div class="mui-card-footer">
				<a href="version.html">版本号：V1 &nbsp;</a> <span style="float: right;">发布时间：2016-12-20</span>
			</div>
		</div>
		<div id="pop2" class="mui-popover">
			<ul class="mui-table-view">
				<li class="mui-table-view-cell"><center>
						<a href="review.html">过程Review</a>
					</center></li>
				<li class="mui-table-view-cell"><center>
						<a href="pingfeno.html">评分与总结</a>
					</center></li>
				<li class="mui-table-view-cell"><center>
						<a href="version.html">版本信息</a>
					</center></li>
				<li class="mui-table-view-cell"><center>
						<a href="guanlian.html">关联OKR</a>
					</center></li>
			</ul>
		</div>




		<div class="mui-card" style="">
			<div class="noba">
				<div class="mui-card-header"
					style="border-tottom: none; padding-bottom: 0px;">
					<span style="float: left;"><span class="bold">孙小梅</span>
						&nbsp;&nbsp;&nbsp; <font color="#666666">2016年 4季度</font> </span> <span><a
						href="#pop1" class="mui-btn mui-btn-primary index-btn-mod"><span
							class="index-func mui-icon mui-icon-gear cfff"></span></a></span>
				</div>

				<div class="mui-card-footer"
					style="border-bottom: solid thin #ddd; border-top: solid thin #fff; padding-top: 0px; padding-bottom: 2px;">
					<span style="float: left; color: #6d6d72;">所属部门：JF-OPS</span> <span>职务：运营经理</span>
				</div>
			</div>

			<div class="mui-card-content">
				<div class="mui-card-header">
					<span style="font-weight: bold;">O1</span> <span
						style="float: right; font-size: 14px; color: #666;"> <span
						class="index-dlink">OKR详情</span>
					</span>
				</div>
				<a href="krview.html"><div class="mui-card-content-inner">
						<p class="index-o-de" style="margin-bottom: 0;">
							<span style="color: #007aff">定义：</span>提高用户满意度,对驻场团队和企业进行回访
						</p>



					</div></a>
			</div>

			<div class="mui-card-footer">
				<span class="index-status">状态：<span class="index-fabu">已发布</span></span>
				<a href="pingfeno.html"><span>评分：<font color="red">0.3</font></span></a>
			</div>

			<div class="mui-card-footer no-bottom">
				<a href="version.html">版本号：V2 &nbsp;</a><span style="float: right;">变更时间：2016-12-20</span>
			</div>

			<div class="noba">
				<div class="mui-card-footer no-top">变更原因：人事管理系统开发人员重新安排</div>
			</div>

		</div>


		<div id="pop3" class="mui-popover">
			<ul class="mui-table-view">
				<li class="mui-table-view-cell"><center>
						<a href="review.html">过程Review</a>
					</center></li>
				<li class="mui-table-view-cell"><center>
						<a href="#">评分与总结</a>
					</center></li>
				<li class="mui-table-view-cell"><center>
						<a href="version.html">版本信息</a>
					</center></li>
				<li class="mui-table-view-cell"><center>
						<a href="guanlian.html">关联OKR</a>
					</center></li>
			</ul>
		</div>


		<div class="mui-card" style="">
			<div class="noba">
				<div class="mui-card-header"
					style="border-tottom: none; padding-bottom: 0px;">
					<span style="float: left;"><span class="bold">孙小梅</span>
						&nbsp;&nbsp;&nbsp; <font color="#666666">2016年 4季度 11月</font> </span> <span><a
						href="#pop1" class="mui-btn mui-btn-primary index-btn-mod"><span
							class="index-func mui-icon mui-icon-gear cfff"></span></a></span>
				</div>

				<div class="mui-card-footer"
					style="border-bottom: solid thin #ddd; border-top: solid thin #fff; padding-top: 0px; padding-bottom: 2px;">
					<span style="float: left; color: #6d6d72;">所属部门：JF-OPS</span> <span>职务：运营经理</span>
				</div>
			</div>

			<div class="mui-card-content">
				<div class="mui-card-header">
					<span style="font-weight: bold;">O1</span> <span
						style="float: right; font-size: 14px; color: #666;"> <span
						class="index-dlink">OKR详情</span>
					</span>
				</div>
				<a href="krview.html">

					<div class="mui-card-content-inner">
						<p class="index-o-de" style="margin-bottom: 0;">
							<span style="color: #007aff">定义：</span>提高用户满意度,对驻场团队和企业进行回访，对接相关需求，收集相关反馈，对反馈来的信息进行集中处理，进行汇报总结。

						</p>



					</div>

				</a>
			</div>

			<div class="mui-card-footer">
				<span class="index-status">状态：<span class="index-fabu">已发布</span></span>
				<a href="pingfeno.html"><span>评分：<font color="#FC0">0.5</font></span></a>
			</div>

			<div class="mui-card-footer no-bottom">
				<a href="version.html">版本号：V3 &nbsp;</a><span style="float: right;">变更时间：2016-12-20</span>
			</div>

			<div class="noba">
				<div class="mui-card-footer no-top">变更原因：人事管理系统开发人员重新安排</div>
			</div>
		</div>

		<div id="pop4" class="mui-popover">
			<ul class="mui-table-view">
				<li class="mui-table-view-cell"><center>
						<a href="review.html">过程Review</a>
					</center></li>
				<li class="mui-table-view-cell"><center>
						<a href="#">评分与总结</a>
					</center></li>
				<li class="mui-table-view-cell"><center>
						<a href="version.html">版本信息</a>
					</center></li>
				<li class="mui-table-view-cell"><center>
						<a href="guanlian.html">关联OKR</a>
					</center></li>
			</ul>
		</div>

		<div class="mui-card" style="">
			<div class="noba">
				<div class="mui-card-header"
					style="border-tottom: none; padding-bottom: 0px;">
					<span style="float: left;"><span class="bold">孙小梅</span>
						&nbsp;&nbsp;&nbsp; <font color="#666666">2016年 4季度 11月</font> </span> <span><a
						href="#pop1" class="mui-btn mui-btn-primary index-btn-mod"><span
							class="index-func mui-icon mui-icon-gear cfff"></span></a></span>
				</div>

				<div class="mui-card-footer"
					style="border-bottom: solid thin #ddd; border-top: solid thin #fff; padding-top: 0px; padding-bottom: 2px;">
					<span style="float: left; color: #6d6d72;">所属部门：JF-OPS</span> <span>职务：运营经理</span>
				</div>
			</div>

			<div class="mui-card-content">
				<div class="mui-card-header">
					<span style="font-weight: bold;">O1</span> <span
						style="float: right; font-size: 14px; color: #666;"> <span
						class="index-dlink">OKR详情</span>
					</span>
				</div>
				<a href="krview.html">
					<div class="mui-card-content-inner">
						<p class="index-o-de" style="margin-bottom: 0;">
							<span style="color: #007aff">定义：</span>提高用户满意度。
						</p>



					</div>
				</a>
			</div>

			<div class="mui-card-footer">
				<span class="index-status">状态：<span class="index-fabu">已发布</span></span>
				<a href="pingfeno.html"><span>评分：<font color="green">0.7</font></span></a>
			</div>

			<div class="mui-card-footer">
				<a href="version.html">版本号：V1 &nbsp;</a><span style="float: right;">审核时间：2016-12-20</span>
			</div>
		</div>

		<div id="pop5" class="mui-popover">
			<ul class="mui-table-view">
				<li class="mui-table-view-cell"><center>
						<a href="review.html">过程Review</a>
					</center></li>
				<li class="mui-table-view-cell"><center>
						<a href="#">评分与总结</a>
					</center></li>
				<li class="mui-table-view-cell"><center>
						<a href="version.html">版本信息</a>
					</center></li>
				<li class="mui-table-view-cell"><center>
						<a href="guanlian.html">关联OKR</a>
					</center></li>
			</ul>
		</div>



		<div id="pop1" class="mui-popover">
			<ul class="mui-table-view">
				<li class="mui-table-view-cell"><center>
						<a href="review.html">过程Review</a>
					</center></li>
				<li class="mui-table-view-cell"><center>
						<a href="#">评分与总结</a>
					</center></li>
				<li class="mui-table-view-cell"><center>
						<a href="version.html">版本信息</a>
					</center></li>
				<li class="mui-table-view-cell"><center>
						<a href="guanlian.html">关联OKR</a>
					</center></li>
			</ul>
		</div>



		<div style="height: 10px;">&nbsp;</div>

		<div class="mui-content-padded">
			<center>
				<ul class="mui-pagination mui-pagination-lg">
					<li class="mui-previous mui-disabled"><a href="#"> 上页 </a></li>
					<li><a href="#"> 1 </a></li>
					<li><a href="#"> 2 </a></li>

					<li class="mui-disabled"><a> ... </a></li>

					<li><a href="#"> 6 </a></li>
					<li class="mui-next"><a href="#"> 下页 </a></li>
				</ul>
			</center>
		</div>

		<div style="height: 10px;">&nbsp;</div>

		<hr>

		<center>
			<p>&copy; 2016 中软国际</p>
			<center>

				<div style="height: 30px;">&nbsp;</div>
	</div>

	<script>
		var orglayer = document.getElementById("orglayer");
		var orgbtn = document.getElementById("orgbtn");
		var closebtn = document.getElementById("closebtn");
		orgbtn.onclick = function() {
			orglayer.className = "rhua";
		}

		closebtn.onclick = function() {
			orglayer.className = "lhua";
		}
	</script>


	<script src="../js/jquery-1.11.2.min.js"></script>
	<script type="text/javascript">
		var json = [ {
			"name" : "IIG集团",
			"userLevel" : "",
			"list" : [ {
				//显示名称
				"name" : "JF生态大部门",
				//跳转名称
				"url" : "#",
				//用户等级
				"userLevel" : "",
				//下级
				"list" : [ {
					"name" : "JF生态部",
					"userLevel" : "",
					"list" : [ {
						"name" : "JF生态部--1--1",
						"userLevel" : ""
					}, {
						"name" : "JF生态部--1--2",
						"userLevel" : ""
					}, ]
				}, {
					"name" : "JF生态部2",
					"userLevel" : ""
				}, ]
			},

			{
				//显示名称
				"name" : "JF生态大部门BBBB",
				//跳转名称
				"url" : "#",
				//用户等级
				"userLevel" : "",
				//下级
				"list" : [ {
					"name" : "JF生态部BBB",
					"userLevel" : "",
					"list" : [ {
						"name" : "JF生态部--1--1BBB",
						"userLevel" : ""
					}, {
						"name" : "JF生态部--1--2BBB",
						"userLevel" : ""
					},

					{
						"name" : "JF生态部--1--2BBB",
						"userLevel" : ""
					},

					{
						"name" : "JF生态部--1--2BBB",
						"userLevel" : ""
					},

					]
				}, {
					"name" : "JF生态部2BBB",
					"userLevel" : ""
				}, ]
			},

			]
		} ];
	</script>
	<script src="../js/tree.js"></script>
	<script src="../js/mui.js"></script>

</body>

</html>